<template>
  <div class="box">
    <div class="box_content">

    </div>
    <div class="box_content"></div>
    <div class="box_content"></div>
  </div>
</template>

<script>
    export default {
      name: 'city',
    }
</script>

<style scoped>
  .box{
    width: 100%;
    height: 1072px;
    display: flex;
    flex-direction: row;
  /*//两侧对齐*/
  justify-content:space-between;
  /*//自动换行*/
  flex-wrap: wrap;
  /*//清除上下行的中间空隙*/
  align-content: flex-start;
  }
  .box_content{
    height: 486px;
    flex: 0 0 31%;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 40px;
    background: #ff6654;
  }
  /*//解决最后一行的问题*/
    .box:after{
      content: '';
      width: 30%;
      border:1px solid transparent;
    }
</style>
